.first {
  position: absolute;
  overflow: hidden;
  transform: rotate(90deg);
  cursor: pointer;
  z-index: 999;
}
.item:hover {
  .hover {
    display: block;
  }
}
.hover {
  display: none;
  .first0 {
    z-index: 1002;
  }
  .div {
    z-index: 1001;
  }
  .first1 {
    z-index: 1000;
  }
}
.two {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
}
.three {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
}

@colorArray: #547, #eee, #ddd;
@len: length(@colorArray);

.loop(@index) when (@index<=@len) {
  .bg-color-@{index} {
    background-color: extract(@colorArray, mod(@index, 2) + 1);
  }
  .loop(@index + 1);
}
.loop(1);
